<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ajax请求get</title>
</head>
<body>
<script>
    window.onload = function () {
        getData()
    }
    //ajax请求获取数据
    function getData() {
        if (window.XMLHttpRequest) {
            var xhr = new XMLHttpRequest()
        } else {
            var xhr = new ActiveXObject("Microsoft.XMLHTTP")
        };
        xhr.open("get", "/user.do?", true);
        //ajax请求完毕的回调函数
        xhr.onreadystatechange = function () {
            // console.log(xhr.readyState);
            // console.log(xhr.status);

            //只让请求完成并且请求成功的时候才执行操作
            if(xhr.readyState==4 && xhr.status==200){
                // console.log("响应完毕");
                // console.log(xhr.responseText)//服务器返回的数据
                let data = JSON.parse(xhr.responseText)//将字符串转换为json
                onloadDay2(data);
            }

        };
        xhr.send();
    }

    //使用请求到的数据渲染页面
    function onloadDay2(a) {
        let data = a.data;
        console.log(data);
        for (var i in data[0]){
            if(i == "姓名" || i == "密码"){
                console.log(i)
            }
        }
    }

</script>
    
</body>
</html>